<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="Author" content="">
<meta content="" name="design">
<title>广州一代医药科技有限公司</title>
<link rel="stylesheet" type="text/css" media="all" href="css/css_whir.css"/>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="/Scripts/vue-2.6.12.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.7.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.SuperSlide.2.1.1.js"></script>
<!--[if lt IE 9]><script type="text/javascript" src="scripts/html5shiv.v3.72.min.js"></script><![endif]-->
<script  type="text/javascript"> var navid="3"</script>
</head>

<body > 
  <header class="Header">
  <div class="head">
    <a href="首页.html" class="logo"><img src="images/logo.jpg"  /></a>
    <div class="head-Right">
    <a href="#" class="add-site">会员中心</a>
    <div class="language-select">
      <span class="checked-lan"><a >ENGLISH</a><em></em></span>
      <ul class="language-menu">
        <li><a href="#">ENGLISH</a></li>
        <li><a href="#">中文版</a></li>
      </ul>
    </div>
    <div class="Searchbox">
      <input name="" type="text" class="search_ipu" id="key" value="输入要搜素的信息" onblur="if(this.value=='')this.value='输入要搜素的信息';" onfocus="if(this.value=='输入要搜素的信息')this.value='';" onkeydown="entersearch()"/>
            <input name="" type="button" class="search_btn" value="" onclick="return GoSearchUrl();" />

      <div class="clear"></div>
      
    </div>
    </div>
    <div class="clear"></div>
  </div>
   <nav class="Mainnav">
       <ul class="menuone">
           <li><a href="index.html" class="ona" id="nav1">首 页<span></span></a></li>
           <li><a href="会诊医生.html" class="ona" id="nav2">会诊医生<span></span></a></li>
           <li><a href="产品目录_列表页.html" class="ona" id="nav3">产品目录<span></span></a></li>
           <li><a href="健康知识.html" class="ona" id="nav4">健康知识<span></span></a></li>
           <li><a href="用户反馈.html" class="ona" id="nav5">用户反馈<span></span></a></li>
           <li><a href="关于我们.html" class="ona" id="nav6">关于我们<span></span></a></li>
           <li><a href="#" class="ona" id="nav7">联系我们<span></span></a></li>
           <div class="clear"></div>
       </ul> 
   </nav>
</header>
<script type="text/javascript">
$("#nav"+navid).addClass("active");

//语言切换
$(".checked-lan").click(function(){
	$(".language-menu").show();
	})
$(".language-menu li").each(function(){
	$(this).click(function(){
		$(".checked-lan").find("a").html()=$(this).find("a").html();
		//$(".checked-lan").find("a").attr("href")=$(this).find("a").attr("href");
		})
	})
$(".language-select").hover(function(){
	},function(){
		$(this).find(".language-menu").hide();
		})	
	
	
	
</script>
<script type="text/javascript">
//this function do not use jquery for honner page?
function GoSearchUrl() {
	var searchinput = document.getElementById("key");
	if (searchinput.value == ""  || searchinput.value == "输入要搜素的信息") {
		alert("请输入关键字！");
		searchinput.focus();
		return false;
	}
	if (searchinput.value.length > 50) {
		alert("输入的关键字字数不要过多！");
		searchinput.focus();
		return false;
	}
	CheckString(searchinput.value);
}

function GoSreach(rs) {
	window.location = "{$syspath}search/search.aspx?key=" + escape(rs);
	return true;
}

function entersearch(){
	 //alert(dd);
	var event = window.event || arguments.callee.caller.arguments[0];
	if (event.keyCode == 13)
	{
		GoSearchUrl();
	}
}

function CheckString(s) {
         // alert(s)
         var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）—|{}【】'；：“”'。，、？]")
         if (pattern.test(s)) {
             alert("不能输入特殊字符！");
             $(".sreach_ipu").focus();
             $(".sreach_ipu").val("");
             return false;
         }
         else {
             GoSreach(s);
         }
     }
</script>

  <!--图片切换-->
  <aside class="banner ban" style=" background:url(uploadfiles/banner_product.jpg) no-repeat top center; height:210px;">  
    <div class="banlink">
      <!--<a href="#" class="a1">会员登录</a>
      <a href="#" class="a2">名医推荐</a>
      <a href="#" class="a3">咨询客服</a>-->
    </div>
  </aside>
  <!--图片切换 End-->	
  <aside class="Current"><em></em><a href="index.html">首页</a> > <span>产品目录</span></aside>
  
  <section class="ProductMain Main" id="products">
    <ul class="cate">
      <li ><a href="#" class="a1" @click.prevent="products.productsList='口腔护理'">口腔护理</a></li>
      <li ><a href="#" class="a2" @click.prevent="products.productsList='康复软件'">康复软件</a></li>
      <li ><a href="#" class="a3" @click.prevent="products.productsList='康复训练'">康复训练</a></li>
      <li ><a href="#" class="a4" @click.prevent="products.productsList='康复器材'">康复器材</a></li>
    </ul>
    <div class="conbox">
    <!--start-->
       <div class="product-box">
           
           <div class="p-menu">
              <ul>
                <li>
                  <div>
                    <span class="first">类别</span>
                    <span v-for="category in categoryList"><a href="#" @click.prevent="products.productCategory=category">{{category}}</a></span>
                  </div>
                </li>
                
                <li>
                  <div>
                    <span class="first">品牌</span>
                    <span v-for="brand in brandList"><a href="#" @click.prevent="products.productBrand=brand">{{brand}}</a></span>
                  </div>
                </li>
                
                <li>
                  <div>
                    <span class="first">功能</span>
                    <span v-for="f in functionList"><a href="#" @click.prevent="products.productFunction=f">{{f}}</a></span>
                  </div>
                </li>
                  <li>
                      <div>
                          <button class="button1"  @click="reset">重置选择</button>
                      </div>
                  </li>
              </ul>
           </div>
           <!--列表 start-->
            <div class="p-list">
               <ul>
                 <li v-for="(temp,i) in List.list">
                    <div>
                      <a class="img" href="产品目录_详细页.html" @click="findId(i)"><img src="images/product-pic1.jpg" width="311" height="108" /></a>
                      <h3><a class="title" href="#">{{temp.productName}}</a></h3>
                      <p>{{temp.productIntroduce}}</p>
                    </div>
                 </li>
                 
               </ul>
            </div>
           <!--列表 end-->
           <div class="clear"></div>
            <!--*pages*-->
                 <wtl:Pager   PageSize="7" TargetID="mylist1" Footer="5" IsNullShow="true">
                 <div class='Pages3'>
                            <span class='p_count'>共<b>{{List.pages}}</b>页</span>
                            <span class='p_cur'>当前：第<b>{{List.pageNum}}</b>页 </span>
                            <span class='p_page'>
                                <a href='{$FirstPageUrl}' class='a_first' @click.prevent="selectPage(1)">首页</a>
                                <a href='{$PrevPageUrl}' class='a_prev' @click.prevent="selectPage(List.pageNum-1)" v-show="List.pageNum!=1">上一页</a>
                                <a href='{$NextPageUrl}' class='a_next' @click.prevent="selectPage(List.pageNum+1)" v-show="List.pageNum!=List.pages">下一页</a>
                                <a href='{$LastPageUrl}' class='a_end' @click.prevent="selectPage(List.pages)">末页</a>
                            </span>
                           
</div>

                </wtl:Pager>
               <!--*pages*-->
               
       </div>
    <!--end-->
    </div>
  </section>
  
  
      <footer class="BottomBox">
    <div class="bottom">
      <div class="fbox1">
        <div class="f-address">地址：</div>
        <nav class="f-nav"><a href="#">流量统计</a> | <a href="#">网站地图</a> | <a href="#">法律声明</a> | <a href="#">友情链接</a></nav>
      </div>
      <div class="fbox2">
      <div class="f-copyright">Copyright © 2015 广州一代医药科技有限公司. All Rights Reserved 
</div>
      <div class="f-record">粤ICP备123456789号  Designed by <a href="#">我的虚拟世界店铺</a>.
</div>
      </div>
    </div>
    </footer>
    
    <script type="text/javascript">
    //整站无图处理
    jQuery.each(jQuery("img"), function (i, n) { jQuery(n).error(function () { n.src = 'uploadfiles/nopic.jpg'; }); n.src = n.src; });
		
    </script>

 <script type="text/javascript">
	 $(".p-list li").each(function (i, item) {
        if (Number(i + 1) % 3 == 0) {
            $(this).css("margin-right","0px");
        }
    });
 </script>
  <script src="/Scripts/vue/products.js" type="text/javascript"></script>
</body>
</html>